<!-- components/EmptyComp.vue -->
<template>
  <div class="empty-container">
    <van-empty
      :description="description"
      :image="image"
      :image-size="imageSize"
    >
      <!-- 图片插槽 -->
      <template v-if="$slots.image" #image>
        <slot name="image" />
      </template>
    </van-empty>
  </div>
</template>
  
  <script setup>
const props = defineProps({
  description: String,
  imageSize: {
    type: [Number, String, Array],
    default: "6rem",
  },
  image: {
    type: String,
    default: "default", //图片类型，可选值为 error network search，支持传入图片 URL,
  },
});
</script>
  
  <style scoped>
.empty-container {
  /* padding: 10px 0; */
  --van-empty-padding: 0;
}
</style>